<template>
  <div class="son" style="border: 3px solid #000; margin: 10px">
    <!-- 3.直接使用props的值 -->
    我是Son组件 {{ title }}==={{ name }}
    <Onec msg="嘿嘿嘿" :hh="hh" :gg="gg"></Onec>
  </div>
</template>

<script>
import Onec from './On.vue'
export default {
  name: 'Son-Child',
  // 2.通过props来接受
  props: ['title', 'name'],
  data () {
    return {
      hh: 'jack',
      gg: 21
    }
  },
  components: {
    Onec
  }
}
</script>

<style>
</style>